@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}

::-webkit-scrollbar-track {
  width: 6px;
  background: rgba(#101F1C, 0.1);
}

::-webkit-scrollbar-thumb {
  background-color: rgba(144,147,153,.5);
  background-clip: padding-box;
  min-height: 28px;
  transition: background-color .3s;
  cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144,147,153,.3);
}
iconify-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
}
body{
  background-color: var(--color3);
  color: var(--color);
}



:root{
  --theme:rgba(60,119,255,0.9);
  --color:rgba(255,255,255.8);
  --color1:rgba(22, 23, 25,1);
  --color2:rgba(23, 24, 26,1);
  --color3:rgba(37, 38, 40,1);
  --color4:rgba(52, 52, 52,1);
}



/* container */
.container {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
  }